﻿<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <title>教学成果-某某舞蹈培训</title>
    <th:block th:include="include :: front-common-css-js" />  
    <style>

        .ach { margin-top: 70px; }
        .ach .offset .list { margin-left: -20px; margin-bottom: -40px; overflow: hidden; }
        .ach .offset .list > li { float: left; width: 25%; padding-left: 20px; padding-bottom: 40px; }
        .ach .offset .list > li .box { display: block; border-radius: 20px; background: #f5f5f5; }
        .ach .offset .list > li .box .pic img { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; }
        .ach .offset .list > li .box .font { padding: 20px 17px 22px 13px; }
        .ach .offset .list > li .box .p1 { font-size: 16px; color: #333; padding-bottom: 15px; transition: ease .4s; }
        .ach .offset .list > li .box .p2 { color: #999; line-height: 24px; }
        .ach .offset .list > li .box:hover .p1 { color: #ec8718; }

        @media (max-width: 1024px) {
            .ach .offset .list > li { width: 33.33%; }
        }

        @media (max-width: 850px) {
            .ach .offset .list > li { width: 50%; }
        }

        @media (max-width: 600px) {
            .ach .offset .list > li { width: 100%; }
        }
    </style>
    <script>
		$(function () {
		});
    </script>
</head>
<body>
 <!--主体内容 end-->
    <th:block th:include="include :: front-header" /> 

    <div class="child_banner"><img src="img/child_banner1.jpg" class="g_imgf" /></div>
    <div class="s_child_banner"><img src="img/child_banner1_m.jpg" class="g_imgf" /></div>

    <!--主体内容-->

    <div class="ach">
        <div class="g_cw">

            <div class="offset">
                <ul class="list">

                    <li>
                        <a href="#" class="box">
                            <p class="pic"><img src="img/b73rkg5mlwsuqxw.jpg" class="g_imgf" /></p>
                            <div class="font">
                                <p class="p1 g_ell">第三届少儿舞蹈大赛荣获二等奖</p>
                                <p class="p2">舞蹈演员们一边换衣服，一边说着“好冷”，但依旧拦不住她们对于此次演出的...</p>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="box">
                            <p class="pic"><img src="img/b73rkg5mlwsuqxw.jpg" class="g_imgf" /></p>
                            <div class="font">
                                <p class="p1 g_ell">第三届少儿舞蹈大赛荣获二等奖</p>
                                <p class="p2">舞蹈演员们一边换衣服，一边说着“好冷”，但依旧拦不住她们对于此次演出的...</p>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="box">
                            <p class="pic"><img src="img/b73rkg5mlwsuqxw.jpg" class="g_imgf" /></p>
                            <div class="font">
                                <p class="p1 g_ell">第三届少儿舞蹈大赛荣获二等奖</p>
                                <p class="p2">舞蹈演员们一边换衣服，一边说着“好冷”，但依旧拦不住她们对于此次演出的...</p>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href="#" class="box">
                            <p class="pic"><img src="img/b73rkg5mlwsuqxw.jpg" class="g_imgf" /></p>
                            <div class="font">
                                <p class="p1 g_ell">第三届少儿舞蹈大赛荣获二等奖</p>
                                <p class="p2">舞蹈演员们一边换衣服，一边说着“好冷”，但依旧拦不住她们对于此次演出的...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="box">
                            <p class="pic"><img src="img/b73rkg5mlwsuqxw.jpg" class="g_imgf" /></p>
                            <div class="font">
                                <p class="p1 g_ell">第三届少儿舞蹈大赛荣获二等奖</p>
                                <p class="p2">舞蹈演员们一边换衣服，一边说着“好冷”，但依旧拦不住她们对于此次演出的...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="box">
                            <p class="pic"><img src="img/b73rkg5mlwsuqxw.jpg" class="g_imgf" /></p>
                            <div class="font">
                                <p class="p1 g_ell">第三届少儿舞蹈大赛荣获二等奖</p>
                                <p class="p2">舞蹈演员们一边换衣服，一边说着“好冷”，但依旧拦不住她们对于此次演出的...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="box">
                            <p class="pic"><img src="img/b73rkg5mlwsuqxw.jpg" class="g_imgf" /></p>
                            <div class="font">
                                <p class="p1 g_ell">第三届少儿舞蹈大赛荣获二等奖</p>
                                <p class="p2">舞蹈演员们一边换衣服，一边说着“好冷”，但依旧拦不住她们对于此次演出的...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="box">
                            <p class="pic"><img src="img/b73rkg5mlwsuqxw.jpg" class="g_imgf" /></p>
                            <div class="font">
                                <p class="p1 g_ell">第三届少儿舞蹈大赛荣获一等奖</p>
                                <p class="p2">舞蹈演员们一边换衣服，一边说着“好冷”，但依旧拦不住她们对于此次演出的...</p>
                            </div>
                        </a>
                    </li>
                </ul>

                <div class="g_page" n="_pi" p="1">
                    <ul>
                        <li class="num_li">
                            <a href="?_pi=1" class="on">
                                1
                            </a>
                        </li>
                        <li class="num_li">
                            <a href="?_pi=2">
                                2
                            </a>
                        </li>
                        <li><a href="?_pi=2">下一页</a></li>
                    </ul>                    
             </div>
            </div>

        </div>
    </div>








    <!--主体内容 end-->


    <div class="g_footer">

        <div class="top clearfix">
            <div class="g_cw">
                <p class="pic"><img src="img/logo_bottom.png" /></p>
                <ul class="nav clearfix">
                    <li>
                        <div class="box">
                            <p class="h1">关于我们</p>
                            <a href="about.html?_ct"><p class="p1">学校介绍</p></a>
                        </div>
                    </li>

                    <li>
                        <div class="box">
                            <p class="h1">课程展示</p>
                            <a href="#"><p class="p1">少儿芭蕾</p></a>
                            <a href="#"><p class="p1">民间民族舞</p></a>
                            <a href="#"><p class="p1">古典舞</p></a>
                            <a href="#"><p class="p1">拉丁舞</p></a>
                        </div>
                    </li>
                    <li>
                        <div class="box">
                            <p class="h1">师资团队</p>
                            <a href="#"><p class="p1">教室团队</p></a>
                        </div>
                    </li>
                    <li>
                        <div class="box">
                            <p class="h1">教室环境</p>
                            <p class="p1">环境展示</p>
                        </div>
                    </li>
                    <li>
                        <div class="box">
                            <p class="h1">新闻资讯</p>
                            <p class="p1">最新活动</p>
                            <p class="p1">行业新闻</p>
                        </div>
                    </li>
                    <li>
                        <div class="box">
                            <p class="h1">教学成果</p>
                            <p class="p1">精彩瞬间</p>
                        </div>
                    </li>

                    <li class="li_lx">
                        <div class="box" style="border-right:0;padding-right:0;">
                            <p class="h1">联系我们</p>
                            <p class="p1">联系方式</p>
                        </div>
                    </li>

                </ul>
                <p class="rx">服务热线：400-0000-000</p>
                <p class="add">地址：xxxxxxxxxxxxxxxxxxxxxx</p>
            </div>
        </div>

        <div class="bottom">Copyright © 某某舞蹈培训学校 &nbsp;&nbsp;&nbsp; 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a>	技术支持：<a href="javascript:void(0)" target="_blank">xxxxxxxxxxx</a></div>
    </div>

</body>
</html>

